<template>
  <div style="background: #202B61;width: 100%;height: 100%;">

    <div style="top: 1%; width: 99%;height: 92vh;float: left;position: absolute;">

      <div class="box1">
        <div class="board" :style="board">
          <svg ref="svg"></svg>
          <div class="node" v-for="node in nodes" :style="position(node)" @click="handleNode(node)">
            <ul class="tree_ico_list">
              <li><img :src="node.text" style="height: 80%;" /></li>
            </ul>
            <div class="tit">{{ node.title }}</div>
          </div>
        </div>

        <div style="float: left;">
          <!--弹出风机设备信息-->
          <div>
            <el-dialog title="风机" :visible.sync="fjdia" width="120vh" align="left">
              <el-form ref="dataAddForm" :model="formData" :rules="rules" label-width="150px" align="left" :inline="true">
                <el-form-item label="品牌:">
                  <el-select v-model="formData.brand" @change="findFjModelByBrand(formData.brand)">
                    <el-option
                      v-for="value,index in formData.brands"
                      :key="index"
                      :value="value" >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="型号:">
                  <el-select v-model="formData.model" @change="findFjByBrandAndModel(formData.brand,formData.model)">
                    <el-option
                      v-for="value,index in formData.models"
                      :key="index"
                      :value="value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="投资成本(元/kWh):" >
                  <el-input  v-model="formData.tz_cost"></el-input>
                </el-form-item>
                <el-form-item label="运维成本(元/kWh):">
                  <el-input  v-model="formData.yw_cost"></el-input>
                </el-form-item>
                <el-form-item label="额定功率(kW):">
                  <el-input v-model="formData.rated_power"></el-input>
                </el-form-item>
                <el-form-item label="最大功率(kW):">
                  <el-input v-model="formData.max_power"></el-input>
                </el-form-item>
                <el-form-item label="启动风速(m/s):">
                  <el-input v-model="formData.start_speed"></el-input>
                </el-form-item>
                <el-form-item label="额定风速(m/s):">
                  <el-input v-model="formData.rated_speed"></el-input>
                </el-form-item>
                <el-form-item label="安全风速(m/s):">
                  <el-input v-model="formData.safe_speed"></el-input>
                </el-form-item>
                <el-form-item label="寿命(年):">
                  <el-input v-model="formData.life"></el-input>
                </el-form-item>
                <el-form-item label="效率:">
                  <el-input v-model="formData.effic"></el-input>
                </el-form-item>
                <el-form-item label="工作温度(°C):">
                  <el-input v-model="formData.temper"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer">
                <el-button type="primary" @click="fjcancel()">取消</el-button>
                <el-button type="primary" @click="saveFj()">保存</el-button>
              </div>
            </el-dialog>
          </div>
          <!--弹出光伏设备信息-->
          <div>
            <el-dialog title="光伏" :visible.sync="gfdia" width="120vh" align="left">
              <el-form ref="dataAddForm" :model="gfformData" :rules="rules" label-width="150px" align="left" :inline="true">

          <el-form-item label="品牌:">
            <el-select v-model="gfformData.brand" @change="findGfModelByBrand(gfformData.brand)">
              <el-option
                v-for="value,index in gfformData.brands"
                :key="index"
                :value="value" >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="型号:" >
            <el-select v-model="gfformData.model" @change="findGfByBrandAndModel(gfformData.brand,gfformData.model)">
              <el-option
                v-for="value,index in gfformData.models"
                :key="index"
                :value="value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="投资成本(元/kWh):" >
            <el-input v-model="gfformData.tz_cost"></el-input>
          </el-form-item>
          <el-form-item label="运维成本(元/kWh):">
            <el-input v-model="gfformData.yw_cost"></el-input>
          </el-form-item>
          <el-form-item label="单位面积功率:">
            <el-input v-model="gfformData.unit_area_power"></el-input>
          </el-form-item>
          <el-form-item label="寿命(年):">
            <el-input v-model="gfformData.life"></el-input>
          </el-form-item>
          <el-form-item label="效率:">
            <el-input v-model="gfformData.effic"></el-input>
          </el-form-item>
          <el-form-item label="单体容量:">
            <el-input v-model="gfformData.single_cap"></el-input>
          </el-form-item>
          <el-form-item label="铭牌:">
            <el-input v-model="gfformData.nameplate"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer">
          <el-button type="primary" @click="gfcancel()">取消</el-button>
          <el-button type="primary" @click="saveGf()">保存</el-button>
        </div>
      </el-dialog>
    </div>
          <!--弹出电锅炉设备信息-->
          <div>
            <el-dialog title="电锅炉" :visible.sync="dgldia"  width="120vh" align="left">
              <el-form ref="dataAddForm" :model="dglformData" :rules="rules" label-width="150px" align="left" :inline="true">
                <el-form-item label="品牌:">
                  <el-select v-model="dglformData.brand" @change="findDglModelByBrand(dglformData.brand)">
                    <el-option
                      v-for="value,index in dglformData.brands"
                      :key="index"
                      :value="value" >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="型号:" >
                  <el-select v-model="dglformData.model" @change="findDglByBrandAndModel(dglformData.brand,dglformData.model)">
                    <el-option
                      v-for="value,index in dglformData.models"
                      :key="index"
                      :value="value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="投资成本(元/kWh):" >
                  <el-input v-model="dglformData.tz_cost"></el-input>
                </el-form-item>
                <el-form-item label="运维成本(元/kWh):">
                  <el-input v-model="dglformData.yw_cost"></el-input>
                </el-form-item>
                <el-form-item label="寿命(年):">
                  <el-input v-model="dglformData.life"></el-input>
                </el-form-item>
                <el-form-item label="铭牌:">
                  <el-input v-model="dglformData.nameplate"></el-input>
                </el-form-item>
                <el-form-item label="额定热功率:">
                  <el-input v-model="dglformData.rated_hot_power"></el-input>
                </el-form-item>
                <el-form-item label="额定电功率:">
                  <el-input v-model="dglformData.rated_ele_power"></el-input>
                </el-form-item>
                <el-form-item label="供热量:">
                  <el-input v-model="dglformData.heat_load"></el-input>
                </el-form-item>
                <el-form-item label="额定电压:">
                  <el-input v-model="dglformData.rated_voltage"></el-input>
                </el-form-item>
                <el-form-item label="额定电流:">
                  <el-input v-model="dglformData.rated_current"></el-input>
                </el-form-item>
                <el-form-item label="额定出水温度:">
                  <el-input v-model="dglformData.rated_cswd"></el-input>
                </el-form-item>
                <el-form-item label="额定回水温度:">
                  <el-input v-model="dglformData.rated_hswd"></el-input>
                </el-form-item>
                <el-form-item label="运行总重量:">
                  <el-input v-model="dglformData.weight"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer">
                <el-button type="primary" @click="dglcancel()">取消</el-button>
                <el-button type="primary" @click="saveDgl()">保存</el-button>
              </div>
            </el-dialog>
          </div>
          <!--弹出溴冷机设备信息-->
          <div>
            <el-dialog title="溴冷机" :visible.sync="xljdia"  width="120vh" align="left">
              <el-form ref="dataAddForm" :model="xljformData" :rules="rules" label-width="150px" align="left" :inline="true">
                <el-form-item label="品牌:">
                  <el-select v-model="xljformData.brand" @change="findXljModelByBrand(xljformData.brand)">
                    <el-option
                      v-for="value,index in xljformData.brands"
                      :key="index"
                      :value="value" >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="型号:" >
                  <el-select v-model="xljformData.model" @change="findXljByBrandAndModel(xljformData.brand,xljformData.model)">
                    <el-option
                      v-for="value,index in xljformData.models"
                      :key="index"
                      :value="value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="投资成本(元/kWh):" >
                  <el-input v-model="xljformData.tz_cost"></el-input>
                </el-form-item>
                <el-form-item label="运维成本(元/kWh):">
                  <el-input v-model="xljformData.yw_cost"></el-input>
                </el-form-item>
                <el-form-item label="寿命(年):">
                  <el-input v-model="xljformData.life"></el-input>
                </el-form-item>
                <el-form-item label="单体容量:">
                  <el-input v-model="xljformData.single_cap"></el-input>
                </el-form-item>
                <el-form-item label="制冷cop:">
                  <el-input v-model="xljformData.cold_cop"></el-input>
                </el-form-item>
                <el-form-item label="铭牌:">
                  <el-input v-model="xljformData.nameplate"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer">
                <el-button type="primary" @click="xljcancel()">取消</el-button>
                <el-button type="primary" @click="saveXlj()">保存</el-button>
              </div>
            </el-dialog>
          </div>
          <!--弹出冷水机组设备信息-->
          <div>
            <el-dialog title="冷水机组" :visible.sync="lsjzdia"  width="120vh" align="left">
              <el-form ref="dataAddForm" :model="lsjzformData" :rules="rules" label-width="150px" align="left" :inline="true">
                <el-form-item label="品牌:">
                  <el-select v-model="lsjzformData.brand" @change="findLsjzModelByBrand(lsjzformData.brand)">
                    <el-option
                      v-for="value,index in lsjzformData.brands"
                      :key="index"
                      :value="value" >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="型号:" >
                  <el-select v-model="lsjzformData.model" @change="findLsjzByBrandAndModel(lsjzformData.brand,lsjzformData.model)">
                    <el-option
                      v-for="value,index in lsjzformData.models"
                      :key="index"
                      :value="value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="投资成本(元/kWh):" >
                  <el-input v-model="lsjzformData.tz_cost"></el-input>
                </el-form-item>
                <el-form-item label="运维成本(元/kWh):">
                  <el-input v-model="lsjzformData.yw_cost"></el-input>
                </el-form-item>
                <el-form-item label="寿命(年):">
                  <el-input v-model="lsjzformData.life"></el-input>
                </el-form-item>
                <el-form-item label="铭牌:">
                  <el-input v-model="lsjzformData.nameplate"></el-input>
                </el-form-item>
                <el-form-item label="制冷量:">
                  <el-input v-model="lsjzformData.refrigera"></el-input>
                </el-form-item>
                <el-form-item label="额定电压:">
                  <el-input v-model="lsjzformData.rated_voltage"></el-input>
                </el-form-item>
                <el-form-item label="额定电流:">
                  <el-input v-model="lsjzformData.rated_voltage"></el-input>
                </el-form-item>
                <el-form-item label="额定电压:">
                  <el-input v-model="lsjzformData.rated_current"></el-input>
                </el-form-item>
                <el-form-item label="最低出水温度:">
                  <el-input v-model="lsjzformData.min_cswd"></el-input>
                </el-form-item>
                <el-form-item label="流量:">
                  <el-input v-model="lsjzformData.traffic"></el-input>
                </el-form-item>
                <el-form-item label="最高水侧压力:">
                  <el-input v-model="lsjzformData.max_pressure"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer">
                <el-button type="primary" @click="lsjzcancel()">取消</el-button>
                <el-button type="primary" @click="saveLsjz()">保存</el-button>
              </div>
            </el-dialog>
          </div>
          <!--弹出储能设备信息-->
          <div>
            <el-dialog title="储能" :visible.sync="cndia" width="120vh" align="left">
              <el-form ref="dataAddForm" :model="cnformData" :rules="rules" label-width="150px" align="left" :inline="true">
                <el-form-item label="品牌:">
                  <el-select v-model="cnformData.brand" @change="findCnModelByBrand(cnformData.brand)">
                    <el-option
                      v-for="value,index in cnformData.brands"
                      :key="index"
                      :value="value" >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="型号:" >
                  <el-select v-model="cnformData.model" @change="findCnByBrandAndModel(cnformData.brand,cnformData.model)">
                    <el-option
                      v-for="value,index in cnformData.models"
                      :key="index"
                      :value="value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="投资成本(元/kWh):" >
                  <el-input v-model="cnformData.tz_cost"></el-input>
                </el-form-item>
                <el-form-item label="运维成本(元/kWh):">
                  <el-input v-model="cnformData.yw_cost"></el-input>
                </el-form-item>
                <el-form-item label="寿命(年):">
                  <el-input v-model="cnformData.life"></el-input>
                </el-form-item>
                <el-form-item label="铭牌:">
                  <el-input v-model="cnformData.nameplate"></el-input>
                </el-form-item>
                <el-form-item label="额定电压:">
                  <el-input v-model="cnformData.rated_voltage"></el-input>
                </el-form-item>
                <el-form-item label="内阻:">
                  <el-input v-model="cnformData.resistance"></el-input>
                </el-form-item>
                <el-form-item label="最大放电电流:">
                  <el-input v-model="cnformData.max_current"></el-input>
                </el-form-item>
                <el-form-item label="额定功率:">
                  <el-input v-model="cnformData.rated_power"></el-input>
                </el-form-item>
                <el-form-item label="自放电:">
                  <el-input v-model="cnformData.discharge"></el-input>
                </el-form-item>
                <el-form-item label="充电电压:">
                  <el-input v-model="cnformData.charge_voltage"></el-input>
                </el-form-item>
                <el-form-item label="充电电流:">
                  <el-input v-model="cnformData.charge_current"></el-input>
                </el-form-item>
                <el-form-item label="使用温度:">
                  <el-input v-model="cnformData.temper"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer">
                <el-button type="primary" @click="cncancel()">取消</el-button>
                <el-button type="primary" @click="saveCn()">保存</el-button>
              </div>
            </el-dialog>
          </div>
          <!--弹出空气源热泵设备信息-->
          <div>
            <el-dialog title="空气源热泵" :visible.sync="kqyrbdia" width="120vh" align="left">
              <el-form ref="dataAddForm" :model="kqyrbformData" :rules="rules" label-width="150px" align="left" :inline="true">
                <el-form-item label="品牌:">
                  <el-select v-model="kqyrbformData.brand" @change="findKqyrbModelByBrand(kqyrbformData.brand)">
                    <el-option
                      v-for="value,index in kqyrbformData.brands"
                      :key="index"
                      :value="value" >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="型号:" >
                  <el-select v-model="kqyrbformData.model" @change="findKqyrbByBrandAndModel(kqyrbformData.brand,kqyrbformData.model)">
                    <el-option
                      v-for="value,index in kqyrbformData.models"
                      :key="index"
                      :value="value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="投资成本(元/kWh):" >
                  <el-input v-model="kqyrbformData.tz_cost"></el-input>
                </el-form-item>
                <el-form-item label="运维成本(元/kWh):">
                  <el-input v-model="kqyrbformData.yw_cost"></el-input>
                </el-form-item>
                <el-form-item label="寿命(年):">
                  <el-input v-model="kqyrbformData.life"></el-input>
                </el-form-item>
                <el-form-item label="铭牌:">
                  <el-input v-model="kqyrbformData.nameplate"></el-input>
                </el-form-item>
                <el-form-item label="制冷量:">
                  <el-input v-model="kqyrbformData.refrigera"></el-input>
                </el-form-item>
                <el-form-item label="制热量:">
                  <el-input v-model="kqyrbformData.heating"></el-input>
                </el-form-item>
                <el-form-item label="额定电压:">
                  <el-input v-model="kqyrbformData.rated_voltage"></el-input>
                </el-form-item>
                <el-form-item label="额定电流:">
                  <el-input v-model="kqyrbformData.rated_current"></el-input>
                </el-form-item>
                <el-form-item label="循环水流量:">
                  <el-input v-model="kqyrbformData.water_traffic"></el-input>
                </el-form-item>
                <el-form-item label="额定水压:">
                  <el-input v-model="kqyrbformData.rated_water_pressure"></el-input>
                </el-form-item>
                <el-form-item label="进水管尺寸:">
                  <el-input v-model="kqyrbformData.inlet_pipe_size"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer">
                <el-button type="primary" @click="kqyrbcancel()">取消</el-button>
                <el-button type="primary" @click="saveKqyrb()">保存</el-button>
              </div>
            </el-dialog>
          </div>
          <!--弹出水源热泵设备信息-->
          <div>
            <el-dialog title="水源热泵" :visible.sync="syrbdia" width="120vh" align="left">
              <el-form ref="dataAddForm" :model="syrbformData" :rules="rules" label-width="150px" align="left" :inline="true">
                <el-form-item label="品牌:">
                  <el-select v-model="syrbformData.brand" @change="findSyrbModelByBrand(syrbformData.brand)">
                    <el-option
                      v-for="value,index in syrbformData.brands"
                      :key="index"
                      :value="value" >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="型号:" >
                  <el-select v-model="syrbformData.model" @change="findSyrbByBrandAndModel(syrbformData.brand,syrbformData.model)">
                    <el-option
                      v-for="value,index in syrbformData.models"
                      :key="index"
                      :value="value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="投资成本(元/kWh):" >
                  <el-input v-model="syrbformData.tz_cost"></el-input>
                </el-form-item>
                <el-form-item label="运维成本(元/kWh):">
                  <el-input v-model="syrbformData.yw_cost"></el-input>
                </el-form-item>
                <el-form-item label="寿命(年):">
                  <el-input v-model="syrbformData.life"></el-input>
                </el-form-item>
                <el-form-item label="铭牌:">
                  <el-input v-model="syrbformData.nameplate"></el-input>
                </el-form-item>
                <el-form-item label="制冷量:">
                  <el-input v-model="syrbformData.refrigera"></el-input>
                </el-form-item>
                <el-form-item label="制热量:">
                  <el-input v-model="syrbformData.heating"></el-input>
                </el-form-item>
                <el-form-item label="额定电压:">
                  <el-input v-model="syrbformData.rated_voltage"></el-input>
                </el-form-item>
                <el-form-item label="额定电流:">
                  <el-input v-model="syrbformData.rated_current"></el-input>
                </el-form-item>
                <el-form-item label="额定功率:">
                  <el-input v-model="syrbformData.rated_power"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer">
                <el-button type="primary" @click="syrbcancel()">取消</el-button>
                <el-button type="primary" @click="saveSyrb()">保存</el-button>
              </div>
            </el-dialog>
          </div>
          <!--弹出地源热泵设备信息-->
          <div>
            <el-dialog title="地源热泵" :visible.sync="dyrbdia" width="120vh" align="left">
              <el-form ref="dataAddForm" :model="dyrbformData" :rules="rules" label-width="150px" align="left" :inline="true">
                <el-form-item label="品牌:">
                  <el-select v-model="dyrbformData.brand" @change="findDyrbModelByBrand(dyrbformData.brand)">
                    <el-option
                      v-for="value,index in dyrbformData.brands"
                      :key="index"
                      :value="value" >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="型号:" >
                  <el-select v-model="dyrbformData.model" @change="findDyrbByBrandAndModel(dyrbformData.brand,dyrbformData.model)">
                    <el-option
                      v-for="value,index in dyrbformData.models"
                      :key="index"
                      :value="value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="投资成本(元/kWh):" >
                  <el-input v-model="dyrbformData.tz_cost"></el-input>
                </el-form-item>
                <el-form-item label="运维成本(元/kWh):">
                  <el-input v-model="dyrbformData.yw_cost"></el-input>
                </el-form-item>
                <el-form-item label="寿命(年):">
                  <el-input v-model="dyrbformData.life"></el-input>
                </el-form-item>
                <el-form-item label="铭牌:">
                  <el-input v-model="dyrbformData.nameplate"></el-input>
                </el-form-item>
                <el-form-item label="制冷量:">
                  <el-input v-model="dyrbformData.refrigera"></el-input>
                </el-form-item>
                <el-form-item label="制热量:">
                  <el-input v-model="dyrbformData.heating"></el-input>
                </el-form-item>
                <el-form-item label="额定电压:">
                  <el-input v-model="dyrbformData.rated_voltage"></el-input>
                </el-form-item>
                <el-form-item label="额定电流:">
                  <el-input v-model="dyrbformData.rated_current"></el-input>
                </el-form-item>
                <el-form-item label="额定功率:">
                  <el-input v-model="dyrbformData.rated_power"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer">
                <el-button type="primary" @click="dyrbcancel()">取消</el-button>
                <el-button type="primary" @click="saveDyrb()">保存</el-button>
              </div>
            </el-dialog>
          </div>
          <!--弹出蓄冷设备信息-->
          <div>
            <el-dialog title="蓄冷" :visible.sync="xldia" width="120vh" align="left">
              <el-form ref="dataAddForm" :model="xlformData" :rules="rules" label-width="150px" align="left" :inline="true">
                <el-form-item label="品牌:">
                  <el-select v-model="xlformData.brand" @change="findXlModelByBrand(xlformData.brand)">
                    <el-option
                      v-for="value,index in xlformData.brands"
                      :key="index"
                      :value="value" >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="型号:" >
                  <el-select v-model="xlformData.model" @change="findXlByBrandAndModel(xlformData.brand,xlformData.model)">
                    <el-option
                      v-for="value,index in xlformData.models"
                      :key="index"
                      :value="value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="投资成本(元/kWh):" >
                  <el-input v-model="xlformData.tz_cost"></el-input>
                </el-form-item>
                <el-form-item label="运维成本(元/kWh):">
                  <el-input v-model="xlformData.yw_cost"></el-input>
                </el-form-item>
                <el-form-item label="寿命(年):">
                  <el-input v-model="xlformData.life"></el-input>
                </el-form-item>
                <el-form-item label="铭牌:">
                  <el-input v-model="xlformData.nameplate"></el-input>
                </el-form-item>
                <el-form-item label="蓄冷量:">
                  <el-input v-model="xlformData.cold_storage"></el-input>
                </el-form-item>
                <el-form-item label="容积:">
                  <el-input v-model="xlformData.cap"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer">
                <el-button type="primary" @click="xlcancel()">取消</el-button>
                <el-button type="primary" @click="saveXl()">保存</el-button>
              </div>
            </el-dialog>
          </div>
          <!--弹出蓄热设备信息-->
          <div>
            <el-dialog title="蓄热" :visible.sync="xrdia" width="120vh" align="left">
              <el-form ref="dataAddForm" :model="xrformData" :rules="rules" label-width="150px" align="left" :inline="true">
                <el-form-item label="品牌:">
                  <el-select v-model="xrformData.brand" @change="findXrModelByBrand(xrformData.brand)">
                    <el-option
                      v-for="value,index in xrformData.brands"
                      :key="index"
                      :value="value" >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="型号:" >
                  <el-select v-model="xrformData.model" @change="findXrByBrandAndModel(xrformData.brand,xrformData.model)">
                    <el-option
                      v-for="value,index in xrformData.models"
                      :key="index"
                      :value="value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="投资成本(元/kWh):" >
                  <el-input v-model="xrformData.tz_cost"></el-input>
                </el-form-item>
                <el-form-item label="运维成本(元/kWh):">
                  <el-input v-model="xrformData.yw_cost"></el-input>
                </el-form-item>
                <el-form-item label="寿命(年):">
                  <el-input v-model="xrformData.life"></el-input>
                </el-form-item>
                <el-form-item label="铭牌:">
                  <el-input v-model="xrformData.nameplate"></el-input>
                </el-form-item>
                <el-form-item label="蓄热量:">
                  <el-input v-model="xrformData.heat_storage"></el-input>
                </el-form-item>
                <el-form-item label="容积:">
                  <el-input v-model="xrformData.cap"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer">
                <el-button type="primary" @click="xrcancel()">取消</el-button>
                <el-button type="primary" @click="saveXr()">保存</el-button>
              </div>
            </el-dialog>
          </div>
          <!--弹出发电机组设备信息-->
          <div>
            <el-dialog title="发电机组" :visible.sync="fdjzdia" width="120vh" align="left">
              <el-form ref="dataAddForm" :model="fdjzformData" :rules="rules" label-width="150px" align="left" :inline="true">
                <el-form-item label="品牌:">
                  <el-select v-model="fdjzformData.brand" @change="findFdjzModelByBrand(fdjzformData.brand)">
                    <el-option
                      v-for="value,index in fdjzformData.brands"
                      :key="index"
                      :value="value" >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="型号:" >
                  <el-select v-model="fdjzformData.model" @change="findFdjzByBrandAndModel(fdjzformData.brand,fdjzformData.model)">
                    <el-option
                      v-for="value,index in fdjzformData.models"
                      :key="index"
                      :value="value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="投资成本(元/kWh):" >
                  <el-input v-model="fdjzformData.tz_cost"></el-input>
                </el-form-item>
                <el-form-item label="运维成本(元/kWh):">
                  <el-input v-model="fdjzformData.yw_cost"></el-input>
                </el-form-item>
                <el-form-item label="寿命(年):">
                  <el-input v-model="fdjzformData.life"></el-input>
                </el-form-item>
                <el-form-item label="效率:">
                  <el-input v-model="fdjzformData.effic"></el-input>
                </el-form-item>
                <el-form-item label="单体容量:">
                  <el-input v-model="fdjzformData.single_cap"></el-input>
                </el-form-item>
                <el-form-item label="热电比:">
                  <el-input v-model="fdjzformData.thermoel"></el-input>
                </el-form-item>
                <el-form-item label="燃料类型:">
                  <el-input v-model="fdjzformData.fuel_type"></el-input>
                </el-form-item>
                <el-form-item label="铭牌:">
                  <el-input v-model="fdjzformData.nameplate"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer">
                <el-button type="primary" @click="fdjzcancel()">取消</el-button>
                <el-button type="primary" @click="saveFdjz()">保存</el-button>
              </div>
            </el-dialog>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    created(){
      this.findfj();
      this.findgf();
      this.finddgl();
      this.findxlj();
      this.findlsjz();
      this.findkqyrb();
      this.findsyrb();
      this.finddyrb();
      this.findcn();
      this.findxl();
      this.findxr();
      this.findfdjz();
    },
    mounted() {
      var paper = Snap(this.$refs.svg);
      R.forEach(line => {
        const paths = line.paths
        const stroke = line.stroke
        const strokeWidth = line.strokeWidth
        R.forEach(([x1, y1, x2, y2]) => {
          const line = paper.line(x1, y1, x2, y2)
          line.attr({
            stroke: stroke,
            strokeWidth: strokeWidth
          })
        }, paths)
      }, this.lines)
    },
    data() {
      return {
        nodes: [{
          id: 1,
          col: 0,
          row: 0,
          width: 80,
          height: 80,
          left: 20,
          top: 0,
          title: '电网',
          text: "static/img/icon_dw.jpg"
        }, {
          id: 2,
          col: 0,
          row: 1,
          width: 80,
          height: 80,
          left: 20,
          top: 100,
          title: '风机',
          text: "static/img/icon_fj.jpg"
        }, {
          id: 3,
          col: 0,
          row: 2,
          width: 80,
          height: 80,
          left: 20,
          top: 200,
          title: '光伏',
          text: "static/img/icon_gf.jpg"
        }, {
          id: 4,
          col: 0,
          row: 3,
          width: 80,
          height: 80,
          left: 20,
          top: 300,
          title: '储能',
          text: "static/img/cn.jpg"
        }, {
          id: 5,
          col: 0,
          row: 4,
          width: 80,
          height: 80,
          left: 20,
          top: 400,
          title: '发电机组',
          text: "static/img/rdlc.jpg"
        }, {
          id: 6,
          col: 0,
          row: 5,
          width: 80,
          height: 80,
          left: 20,
          top: 500,
          title: '燃气锅炉',
          text: "static/img/rqgl.jpg"
        }, {
          id: 7,
          col: 0,
          row: 6,
          width: 80,
          height: 80,
          left: 20,
          top: 600,
          title: '太阳能热水器',
          text: "static/img/tynrsq.jpg"
        }, {
          id: 8,
          col: 1,
          row: 1,
          width: 80,
          height: 80,
          left: 270,
          top: 70,
          title: '电锅炉',
          text: "static/img/dgl.jpg"
        }, {
          id: 9,
          col: 1,
          row: 2,
          width: 80,
          height: 80,
          left: 370,
          top: 150,
          title: '冷水机组',
          text: "static/img/lsjz.jpg"
        }, {
          id: 10,
          col: 1,
          row: 3,
          width: 80,
          height: 80,
          left: 370,
          top: 250,
          title: '溴冷机',
          text: "static/img/xlj.jpg"
        }, {
          id: 11,
          col: 2,
          row: 1,
          width: 80,
          height: 80,
          left: 470,
          top: 70,
          title: '充电桩',
          text: "static/img/cdz.jpg"
        }, {
          id: 12,
          col: 3,
          row: 1,
          width: 80,
          height: 80,
          left: 670,
          top: 70,
          title: '空气源热泵',
          text: "static/img/kqyrb.jpg"
        }, {
          id: 13,
          col: 3,
          row: 3,
          width: 80,
          height: 80,
          left: 670,
          top: 300,
          title: '冷网',
          text: "static/img/lw.jpg"
        }, {
          id: 14,
          col: 3,
          row: 5,
          width: 80,
          height: 80,
          left: 670,
          top: 500,
          title: '热网',
          text: "static/img/rw.jpg"
        }, {
          id: 15,
          col: 4,
          row: 1,
          width: 80,
          height: 80,
          left: 870,
          top: 70,
          title: '水源热泵',
          text: "static/img/syrb.jpg"
        }, {
          id: 16,
          col: 4,
          row: 3,
          width: 80,
          height: 80,
          left: 870,
          top: 300,
          title: '蓄冷',
          text: "static/img/xl.jpg"
        }, {
          id: 17,
          col: 5,
          row: 1,
          width: 80,
          height: 80,
          left: 1070,
          top: 70,
          title: '地源热泵',
          text: "static/img/dyrb.jpg"
        }, {
          id: 18,
          col: 5,
          row: 5,
          width: 80,
          height: 80,
          left: 1070,
          top: 500,
          title: '蓄热',
          text: "static/img/xr.jpg"
        }, {
          id: 19,
          col: 6,
          row: 0,
          width: 80,
          height: 80,
          left: 1300,
          top: 0,
          title: '电负荷',
          text: "static/img/dfh.jpg"
        }, {
          id: 20,
          col: 6,
          row: 2,
          width: 80,
          height: 80,
          left: 1300,
          top: 200,
          title: '冷负荷',
          text: "static/img/lfh.jpg"
        }, {
          id: 21,
          col: 6,
          row: 4,
          width: 80,
          height: 80,
          left: 1300,
          top: 400,
          title: '热负荷',
          text: "static/img/rfh.jpg"
        }],
        lines: [{
          paths: [
            [100, 40, 1320, 40],
            [100, 140, 200, 140],
            [100, 240, 200, 240],
            [100, 340, 200, 340],
            [100, 440, 200, 440],
            [200, 440, 200, 40],
            [310, 70, 310, 40],
            [510, 70, 510, 40],
            [710, 70, 710, 40],
            [910, 70, 910, 40],
            [1110, 70, 1110, 40]
          ],
          stroke: "#1CFB88",
          strokeWidth: 4
        },
          {
            paths: [
              [100, 540, 410, 540],
              [410, 640, 410, 440],
              [410, 440, 1320, 440],
              [100, 460, 410, 460],
              [710, 500, 710, 440],
              [1110, 500, 1110, 440],
              [670, 110, 650, 110],
              [650, 110, 650, 440],
              [870, 110, 850, 110],
              [850, 110, 850, 440],
              [1070, 110, 1050, 110],
              [1050, 110, 1050, 440],
              [100, 640, 410, 640]
            ],
            stroke: "#ECC951",
            strokeWidth: 4
          },
          {
            paths: [
              [450, 190, 610, 190],
              [450, 290, 610, 290],
              [610, 190, 610, 290],
              [610, 240, 1320, 240],
              [710, 300, 710, 240],
              [910, 300, 910, 240],
              [750, 110, 810, 110],
              [810, 110, 810, 240],
              [950, 110, 1010, 110],
              [1010, 110, 1010, 240],
              [1150, 110, 1210, 110],
              [1210, 110, 1210, 240],
            ],
            stroke: "#ff00ff",
            strokeWidth: 4
          }
        ],
        fjdia:false,
        gfdia:false,
        dgldia:false,
        xljdia:false,
        lsjzdia:false,
        kqyrbdia:false,
        syrbdia:false,
        dyrbdia:false,
        cndia:false,
        xldia:false,
        xrdia:false,
        fdjzdia:false,
        dglformData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          life: "",
          nameplate: "",
          rated_hot_power: "",
          rated_ele_power: "",
          heat_load: "",
          rated_voltage: "",
          rated_current: "",
          rated_cswd: "",
          rated_hswd: "",
          weight: ""
        },
        formData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          rated_power: "",
          max_power: "",
          start_speed: "",
          rated_speed: "",
          safe_speed: "",
          life: "",
          effic: "",
          temper: "",
        },
        gfformData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          unit_area_power: "",
          life: "",
          effic: "",
          single_cap: "",
          nameplate: "",
        },
        xljformData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          life: "",
          single_cap: "",
          cold_cop: "",
          nameplate: "",
        },
        lsjzformData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          life: "",
          nameplate: "",
          refrigera: "",
          rated_voltage: "",
          rated_current: "",
          min_cswd: "",
          traffic: "",
          max_pressure: "",
        },
        kqyrbformData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          life: "",
          nameplate: "",
          refrigera: "",
          heating: "",
          rated_voltage: "",
          rated_current: "",
          water_traffic: "",
          rated_water_pressure: "",
          inlet_pipe_size: "",
        },
        syrbformData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          life: "",
          nameplate: "",
          refrigera: "",
          heating: "",
          rated_voltage: "",
          rated_current: "",
          rated_power: "",
        },
        dyrbformData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          life: "",
          nameplate: "",
          refrigera: "",
          heating: "",
          rated_voltage: "",
          rated_current: "",
          rated_power: "",
        },
        cnformData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          life: "",
          nameplate: "",
          rated_voltage: "",
          resistance: "",
          max_current: "",
          rated_power: "",
          discharge: "",
          charge_voltage: "",
          charge_current: "",
          temper: "",
        },
        xlformData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          life: "",
          nameplate: "",
          cold_storage: "",
          cap: "",
        },
        xrformData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          life: "",
          nameplate: "",
          heat_storage: "",
          cap: "",
        },
        fdjzformData: {
          brands: [],
          brand: "",
          models: [],
          model: "",
          tz_cost: "",
          yw_cost: "",
          life: "",
          effic: "",
          single_cap: "",
          thermoel: "",
          fuel_type: "",
          nameplate: "",
        },
        project_id:this.$root.project_id,
      }
    },
    computed: {
      board() {
        const rows = R.reduce((rows, node) => R.max(rows, node.row), 0, this.nodes) + 1
        return {
          height: rows * 100 + 'px'
        }
      }
    },
    methods: {
      position(item) {
        return {
          left: item.left + 'px',
          top: item.top + 'px',
          width: item.width + 'px',
          height: item.height + 'px'
        }
      },
      handleNode(node) {
        switch(node.title)
        {
          case "风机":
            this.fjdia=true;
            break;
          case "光伏":
            this.gfdia=true;
            break;
          case "储能":
            this.cndia=true;
            break;
          case "发电机组":
            this.fdjzdia=true;
            break;
          case "电锅炉":
            this.dgldia=true;
            break;
          case "冷水机组":
            this.lsjzdia=true;
            break;
          case "溴冷机":
            this.xljdia=true;
            break;
          case "空气源热泵":
            this.kqyrbdia=true;
            break;
          case "水源热泵":
            this.syrbdia=true;
            break;
          case "地源热泵":
            this.dyrbdia=true;
            break;
          case "蓄冷":
            this.xldia=true;
            break;
          case "蓄热":
            this.xrdia=true;
            break;
          default:
            break;
        }


      },
      //保存风机设备信息
      saveFj(){
        this.$http.post("/iepsapi/dispatch/saveFj?equip_name="+"风机"+"&project_id="+this.project_id,this.formData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.fjdia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //保存光伏设备信息
      saveGf(){
        this.$http.post("/iepsapi/dispatch/saveGf?equip_name="+"光伏"+"&project_id="+this.project_id,this.gfformData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.gfdia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //保存电锅炉设备信息
      saveDgl(){
        this.$http.post("/iepsapi/dispatch/saveDgl?equip_name="+"电锅炉"+"&project_id="+this.project_id,this.dglformData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.dgldia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //保存溴冷机设备信息
      saveXlj(){
        this.$http.post("/iepsapi/dispatch/saveXlj?equip_name="+"溴冷机"+"&project_id="+this.project_id,this.xljformData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.xljdia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //保存冷水机组设备信息
      saveLsjz(){
        this.$http.post("/iepsapi/dispatch/saveLsjz?equip_name="+"冷水机组"+"&project_id="+this.project_id,this.lsjzformData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.lsjzdia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //保存空气源热泵设备信息
      saveKqyrb(){
        this.$http.post("/iepsapi/dispatch/saveKqyrb?equip_name="+"空气源热泵"+"&project_id="+this.project_id,this.kqyrbformData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.kqyrbdia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //保存水源热泵设备信息
      saveSyrb(){
        this.$http.post("/iepsapi/dispatch/saveSyrb?equip_name="+"水源热泵"+"&project_id="+this.project_id,this.syrbformData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.syrbdia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //保存地源热泵设备信息
      saveDyrb(){
        this.$http.post("/iepsapi/dispatch/saveDyrb?equip_name="+"地源热泵"+"&project_id="+this.project_id,this.dyrbformData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.dyrbdia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //保存储能设备信息
      saveCn(){
        this.$http.post("/iepsapi/dispatch/saveCn?equip_name="+"储能"+"&project_id="+this.project_id,this.cnformData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.cndia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //保存蓄冷设备信息
      saveXl(){
        this.$http.post("/iepsapi/dispatch/saveXl?equip_name="+"蓄冷"+"&project_id="+this.project_id,this.xlformData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.xldia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //保存蓄热设备信息
      saveXr(){
        this.$http.post("/iepsapi/dispatch/saveXr?equip_name="+"蓄热"+"&project_id="+this.project_id,this.xrformData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.xrdia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //保存蓄热设备信息
      saveFdjz(){
        this.$http.post("/iepsapi/dispatch/saveFdjz?equip_name="+"发电机组"+"&project_id="+this.project_id,this.fdjzformData).then((res)=>{
          if (res.data.flag) {
            this.$message({
              type: 'success',
              message: res.data.message
            });
            this.fdjzdia=false;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },

      //风机取消按钮
      fjcancel(){
        this.fjdia=false;
        this.formData={}
      },
      //光伏取消按钮
      gfcancel(){
        this.gfdia=false;
        this.gfformData={}
      },
      //电锅炉取消按钮
      dglcancel(){
        this.dgldia=false;
        this.dglformData={}
      },
      //溴冷机取消按钮
      xljcancel(){
        this.xljdia=false;
        this.xljformData={}
      },
      //冷水机组取消按钮
      lsjzcancel(){
        this.lsjzdia=false;
        this.lsjzformData={}
      },
      //空气源热泵取消按钮
      kqrybcancel(){
        this.kqyrbdia=false;
        this.kqyrbformData={}
      },
      //水源热泵取消按钮
      syrbcancel(){
        this.syrbdia=false;
        this.syrbformData={}
      },
      //地源热泵取消按钮
      dyrbcancel(){
        this.dyrbdia=false;
        this.dyrbformData={}
      },
      //储能取消按钮
      cncancel(){
        this.cndia=false;
        this.cnformData={}
      },
      //蓄冷取消按钮
      xlcancel(){
        this.xldia=false;
        this.xlformData={}
      },
      //蓄热取消按钮
      xrcancel(){
        this.xrdia=false;
        this.xrformData={}
      },
      //发电机组取消按钮
      fdjzcancel(){
        this.fdjzdia=false;
        this.fdjzformData={}
      },

      //查询所有风机设备信息
      findfj(){
        this.$http.post("/iepsapi/dispatch/findAllFj").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.formData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //查询所有光伏设备信息
      findgf(){
        this.$http.post("/iepsapi/dispatch/findAllGf").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.gfformData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //查询所有电锅炉设备信息
      finddgl(){
        this.$http.post("/iepsapi/dispatch/findAllDgl").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.dglformData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //查询所有溴冷机设备信息
      findxlj(){
        this.$http.post("/iepsapi/dispatch/findAllXlj").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.xljformData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //查询所有冷水机组设备信息
      findlsjz(){
        this.$http.post("/iepsapi/dispatch/findAllLsjz").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.lsjzformData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //查询所有空气源热泵设备信息
      findkqyrb(){
        this.$http.post("/iepsapi/dispatch/findAllKqyrb").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.kqyrbformData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //查询所有水源热泵设备信息
      findsyrb(){
        this.$http.post("/iepsapi/dispatch/findAllSyrb").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.syrbformData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //查询所有地源热泵设备信息
      finddyrb(){
        this.$http.post("/iepsapi/dispatch/findAllDyrb").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.dyrbformData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //查询所有储能设备信息
      findcn(){
        this.$http.post("/iepsapi/dispatch/findAllCn").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.cnformData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //查询所有蓄冷设备信息
      findxl(){
        this.$http.post("/iepsapi/dispatch/findAllXl").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.xlformData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //查询所有蓄热设备信息
      findxr(){
        this.$http.post("/iepsapi/dispatch/findAllXr").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.xrformData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //查询所有发电机组设备信息
      findfdjz(){
        this.$http.post("/iepsapi/dispatch/findAllFdjz").then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.fdjzformData.brands = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },

      //根据风机品牌查询型号
      findFjModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findFjModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.formData.model=""
            this.formData.models=res.data.data
            this.formData.tz_cost = "";
            this.formData.yw_cost = "";
            this.formData.rated_power = "";
            this.formData.max_power = "";
            this.formData.start_speed ="";
            this.formData.life = "";
            this.formData.rated_speed = "";
            this.formData.safe_speed = "";
            this.formData.effic = "";
            this.formData.temper = "";
          }
        });
      },
      //根据光伏品牌查询型号
      findGfModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findGfModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.gfformData.model=""
            this.gfformData.models=res.data.data
            this.gfformData.tz_cost = "";
            this.gfformData.yw_cost = "";
            this.gfformData.unit_area_power = "";
            this.gfformData.life = "";
            this.gfformData.effic ="";
            this.gfformData.single_cap = "";
            this.gfformData.nameplate = "";
          }
        });
      },
      //根据电锅炉品牌查询型号
      findDglModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findDglModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.dglformData.model=""
            this.dglformData.models=res.data.data
            this.dglformData.tz_cost = "";
            this.dglformData.yw_cost = "";
            this.dglformData.life = "";
            this.dglformData.nameplate = "";
            this.dglformData.rated_hot_power = "";
            this.dglformData.rated_ele_power ="";
            this.dglformData.heat_load = "";
            this.dglformData.rated_voltage = "";
            this.dglformData.rated_current = "";
            this.dglformData.rated_cswd = "";
            this.dglformData.rated_hswd = "";
            this.dglformData.weight = "";
          }
        });
      },
      //根据溴冷机品牌查询型号
      findXljModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findXljModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.xljformData.model=""
            this.xljformData.models=res.data.data
            this.xljformData.tz_cost = "";
            this.xljformData.yw_cost = "";
            this.xljformData.life = "";
            this.xljformData.single_cap = "";
            this.xljformData.cold_cop = "";
            this.xljformData.nameplate ="";
          }
        });
      },
      //根据冷水机组品牌查询型号
      findLsjzModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findLsjzModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.lsjzformData.model=""
            this.lsjzformData.models=res.data.data
            this.lsjzformData.tz_cost = "";
            this.lsjzformData.yw_cost = "";
            this.lsjzformData.life = "";
            this.lsjzformData.nameplate ="";
            this.lsjzformData.refrigera = "";
            this.lsjzformData.rated_voltage = "";
            this.lsjzformData.rated_current = "";
            this.lsjzformData.min_cswd = "";
            this.lsjzformData.traffic = "";
            this.lsjzformData.max_pressure = "";
          }
        });
      },
      //根据空气源热泵品牌查询型号
      findKqyrbModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findKqyrbModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.kqyrbformData.model=""
            this.kqyrbformData.models=res.data.data
            this.kqyrbformData.tz_cost = "";
            this.kqyrbformData.yw_cost = "";
            this.kqyrbformData.life = "";
            this.kqyrbformData.nameplate ="";
            this.kqyrbformData.refrigera = "";
            this.kqyrbformData.heating = "";
            this.kqyrbformData.rated_voltage = "";
            this.kqyrbformData.rated_current = "";
            this.kqyrbformData.water_traffic = "";
            this.kqyrbformData.rated_water_pressure = "";
            this.kqyrbformData.inlet_pipe_size = "";
          }
        });
      },
      //根据水源热泵品牌查询型号
      findSyrbModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findSyrbModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.syrbformData.model=""
            this.syrbformData.models=res.data.data
            this.syrbformData.tz_cost = "";
            this.syrbformData.yw_cost = "";
            this.syrbformData.life = "";
            this.syrbformData.nameplate ="";
            this.syrbformData.refrigera = "";
            this.syrbformData.heating = "";
            this.syrbformData.rated_voltage = "";
            this.syrbformData.rated_current = "";
            this.syrbformData.rated_power = "";
          }
        });
      },
      //根据地源热泵品牌查询型号
      findDyrbModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findDyrbModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.dyrbformData.model=""
            this.dyrbformData.models=res.data.data
            this.dyrbformData.tz_cost = "";
            this.dyrbformData.yw_cost = "";
            this.dyrbformData.life = "";
            this.dyrbformData.nameplate ="";
            this.dyrbformData.refrigera = "";
            this.dyrbformData.heating = "";
            this.dyrbformData.rated_voltage = "";
            this.dyrbformData.rated_current = "";
            this.dyrbformData.rated_power = "";
          }
        });
      },
      //根据储能品牌查询型号
      findCnModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findCnModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.cnformData.model=""
            this.cnformData.models=res.data.data
            this.cnformData.tz_cost = "";
            this.cnformData.yw_cost = "";
            this.cnformData.life = "";
            this.cnformData.nameplate ="";
            this.cnformData.rated_voltage = "";
            this.cnformData.resistance = "";
            this.cnformData.max_current = "";
            this.cnformData.rated_power = "";
            this.cnformData.discharge = "";
            this.cnformData.charge_voltage = "";
            this.cnformData.charge_current = "";
            this.cnformData.temper = "";
          }
        });
      },
      //根据蓄冷品牌查询型号
      findXlModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findXlModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.xlformData.model=""
            this.xlformData.models=res.data.data
            this.xlformData.tz_cost = "";
            this.xlformData.yw_cost = "";
            this.xlformData.life = "";
            this.xlformData.nameplate ="";
            this.xlformData.cold_storage = "";
            this.xlformData.cap = "";
          }
        });
      },
      //根据蓄热品牌查询型号
      findXrModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findXrModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.xrformData.model=""
            this.xrformData.models=res.data.data
            this.xrformData.tz_cost = "";
            this.xrformData.yw_cost = "";
            this.xrformData.life = "";
            this.xrformData.nameplate ="";
            this.xrformData.heat_storage = "";
            this.xrformData.cap = "";
          }
        });
      },
      //根据发电机组品牌查询型号
      findFdjzModelByBrand(brand){
        this.$http.post("/iepsapi/dispatch/findFdjzModelByBrand?brand="+brand).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.fdjzformData.model=""
            this.fdjzformData.models=res.data.data
            this.fdjzformData.tz_cost = "";
            this.fdjzformData.yw_cost = "";
            this.fdjzformData.life = "";
            this.fdjzformData.effic = "";
            this.fdjzformData.single_cap = "";
            this.fdjzformData.thermoel = "";
            this.fdjzformData.fuel_type = "";
            this.fdjzformData.nameplate ="";
          }
        });
      },

      //根据风机品牌和型号查询设备信息
      findFjByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findByFjBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.formData.tz_cost = res.data.data.tz_cost;
            this.formData.yw_cost = res.data.data.yw_cost;
            this.formData.rated_power = res.data.data.rated_power;
            this.formData.max_power = res.data.data.max_power;
            this.formData.start_speed = res.data.data.start_speed;
            this.formData.life = res.data.data.life;
            this.formData.rated_speed = res.data.data.rated_speed;
            this.formData.safe_speed = res.data.data.safe_speed;
            this.formData.effic = res.data.data.effic;
            this.formData.temper = res.data.data.temper;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //根据光伏品牌和型号查询设备信息
      findGfByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findByGfBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.gfformData.tz_cost = res.data.data.tz_cost;
            this.gfformData.yw_cost = res.data.data.yw_cost;
            this.gfformData.unit_area_power = res.data.data.unit_area_power;
            this.gfformData.life = res.data.data.life;
            this.gfformData.effic = res.data.data.effic;
            this.gfformData.single_cap = res.data.data.single_cap;
            this.gfformData.nameplate = res.data.data.nameplate;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //根据电锅炉品牌和型号查询设备信息
      findDglByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findByDglBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.dglformData.tz_cost = res.data.data.tz_cost;
            this.dglformData.yw_cost = res.data.data.yw_cost;
            this.dglformData.life = res.data.data.life;
            this.dglformData.nameplate = res.data.data.nameplate;
            this.dglformData.rated_hot_power = res.data.data.rated_hot_power;
            this.dglformData.rated_ele_power =res.data.data.rated_ele_power;
            this.dglformData.heat_load = res.data.data.heat_load;
            this.dglformData.rated_voltage = res.data.data.rated_voltage;
            this.dglformData.rated_current = res.data.data.rated_current;
            this.dglformData.rated_cswd = res.data.data.rated_cswd;
            this.dglformData.rated_hswd = res.data.data.rated_hswd;
            this.dglformData.weight = res.data.data.weight;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //根据溴冷机品牌和型号查询设备信息
      findXljByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findByXljBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.xljformData.tz_cost = res.data.data.tz_cost;
            this.xljformData.yw_cost = res.data.data.yw_cost;
            this.xljformData.life = res.data.data.life;
            this.xljformData.single_cap = res.data.data.single_cap;
            this.xljformData.cold_cop =res.data.data.cold_cop;
            this.xljformData.nameplate = res.data.data.nameplate;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //根据冷水机组品牌和型号查询设备信息
      findLsjzByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findByLsjzBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.lsjzformData.tz_cost = res.data.data.tz_cost;
            this.lsjzformData.yw_cost = res.data.data.yw_cost;
            this.lsjzformData.life = res.data.data.life;
            this.lsjzformData.nameplate = res.data.data.nameplate;
            this.lsjzformData.refrigera = res.data.data.refrigera;
            this.lsjzformData.rated_voltage =res.data.data.rated_voltage;
            this.lsjzformData.rated_current =res.data.data.rated_current;
            this.lsjzformData.min_cswd =res.data.data.min_cswd;
            this.lsjzformData.traffic =res.data.data.traffic;
            this.lsjzformData.max_pressure =res.data.data.max_pressure;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //根据空气源热泵品牌和型号查询设备信息
      findKqyrbByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findByKqyrbBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.kqyrbformData.tz_cost = res.data.data.tz_cost;
            this.kqyrbformData.yw_cost = res.data.data.yw_cost;
            this.kqyrbformData.life = res.data.data.life;
            this.kqyrbformData.nameplate = res.data.data.nameplate;
            this.kqyrbformData.refrigera = res.data.data.refrigera;
            this.kqyrbformData.heating = res.data.data.heating;
            this.kqyrbformData.rated_voltage =res.data.data.rated_voltage;
            this.kqyrbformData.rated_current =res.data.data.rated_current;
            this.kqyrbformData.water_traffic =res.data.data.water_traffic;
            this.kqyrbformData.rated_water_pressure =res.data.data.rated_water_pressure;
            this.kqyrbformData.inlet_pipe_size =res.data.data.inlet_pipe_size;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //根据水源热泵品牌和型号查询设备信息
      findSyrbByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findBySyrbBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.syrbformData.tz_cost = res.data.data.tz_cost;
            this.syrbformData.yw_cost = res.data.data.yw_cost;
            this.syrbformData.life = res.data.data.life;
            this.syrbformData.nameplate = res.data.data.nameplate;
            this.syrbformData.refrigera = res.data.data.refrigera;
            this.syrbformData.heating = res.data.data.heating;
            this.syrbformData.rated_voltage =res.data.data.rated_voltage;
            this.syrbformData.rated_current =res.data.data.rated_current;
            this.syrbformData.rated_power =res.data.data.rated_power;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //根据地源热泵品牌和型号查询设备信息
      findDyrbByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findByDyrbBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.dyrbformData.tz_cost = res.data.data.tz_cost;
            this.dyrbformData.yw_cost = res.data.data.yw_cost;
            this.dyrbformData.life = res.data.data.life;
            this.dyrbformData.nameplate = res.data.data.nameplate;
            this.dyrbformData.refrigera = res.data.data.refrigera;
            this.dyrbformData.heating = res.data.data.heating;
            this.dyrbformData.rated_voltage =res.data.data.rated_voltage;
            this.dyrbformData.rated_current =res.data.data.rated_current;
            this.dyrbformData.rated_power =res.data.data.rated_power;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //根据储能品牌和型号查询设备信息
      findCnByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findByCnBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.cnformData.tz_cost = res.data.data.tz_cost;
            this.cnformData.yw_cost = res.data.data.yw_cost;
            this.cnformData.life = res.data.data.life;
            this.cnformData.nameplate = res.data.data.nameplate;
            this.cnformData.rated_voltage = res.data.data.rated_voltage;
            this.cnformData.resistance = res.data.data.resistance;
            this.cnformData.max_current =res.data.data.max_current;
            this.cnformData.rated_power =res.data.data.rated_power;
            this.cnformData.discharge =res.data.data.discharge;
            this.cnformData.charge_voltage =res.data.data.charge_voltage;
            this.cnformData.charge_current =res.data.data.charge_current;
            this.cnformData.temper =res.data.data.temper;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //根据蓄冷品牌和型号查询设备信息
      findXlByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findByXlBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.xlformData.tz_cost = res.data.data.tz_cost;
            this.xlformData.yw_cost = res.data.data.yw_cost;
            this.xlformData.life = res.data.data.life;
            this.xlformData.nameplate = res.data.data.nameplate;
            this.xlformData.cold_storage = res.data.data.cold_storage;
            this.xlformData.cap = res.data.data.cap;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //根据蓄热品牌和型号查询设备信息
      findXrByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findByXrBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.xrformData.tz_cost = res.data.data.tz_cost;
            this.xrformData.yw_cost = res.data.data.yw_cost;
            this.xrformData.life = res.data.data.life;
            this.xrformData.nameplate = res.data.data.nameplate;
            this.xrformData.heat_storage = res.data.data.heat_storage;
            this.xrformData.cap = res.data.data.cap;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
      //根据发电机组品牌和型号查询设备信息
      findFdjzByBrandAndModel(brand,model){
        this.$http.post("/iepsapi/dispatch/findByFdjzBrand?brand="+brand+"&model=" + model).then((res)=>{
          if (res.data.flag) {
            //进行回显
            this.fdjzformData.tz_cost = res.data.data.tz_cost;
            this.fdjzformData.yw_cost = res.data.data.yw_cost;
            this.fdjzformData.life = res.data.data.life;
            this.fdjzformData.effic = res.data.data.effic;
            this.fdjzformData.single_cap = res.data.data.single_cap;
            this.fdjzformData.thermoel = res.data.data.thermoel;
            this.fdjzformData.fuel_type = res.data.data.fuel_type;
            this.fdjzformData.nameplate = res.data.data.nameplate;
          } else {
            this.$message.error(res.data.message);
          }
        })
      },
    }
  }
</script>
<style scoped>
  @import '../planProgram/style/tree.css';
  img{
    width: 70px;
  }
  td{
    position: relative;
  }
  .box1{
    position: relative;
    width: 100%;
    min-height: 90vh;
    margin-top:0.5%;
    background: inherit;
    background-color: rgba(45, 61, 136, 0.6);
    color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(226, 239, 249, 1);
    border : none;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.345098039215686);
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.345098039215686);
    font-size: 2vh;
    text-align: right;
  }
  /deep/ .el-dialog {
    background:rgba(40,54,121, 0.9);
    -webkit-box-sizing: border-box;
    border: none;

  }
  /deep/ .el-dialog__header {
    padding: 20px 20px 10px;
    color: #FFF;
    background:#374590;
  }
  /deep/ .el-dialog__title {
    line-height: 15px;
    font-size: 16px;
    color: #FFF;
  }
  /deep/ .el-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #FFF !important;
    line-height: 40px;
    padding: 0 12px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /deep/ .el-input.is-disabled .el-input__inner{
    background-color: #161E43;
    border-color: #161E43;
    color: #FFFFFF;
    text-align: left;
    cursor: not-allowed;
  }
  /deep/ .el-input__inner {
    -webkit-appearance: none;
    background-color: #161E43;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #161E43;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFFFFF;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
  }

</style>
